<template>
  <div class="container">
    <!-- Heade头部行 -->
    <heade></heade>
    <!-- Body主体行 -->

    <Body :listDate="listDate" :placeDate="placeDate"></Body>

  </div>
</template>
<script>
import Heade from "./components/Heade.vue"
import Body from "./components/Body.vue"
export default {
  //组件名
  name: "app",
  //组件注册
  components: {
    // 注册组件
    Heade,
    Body
  },
  //数据定义
  data() {
    return {
      listDate: [
        { subject: 'Vue.js框架技术', content: '指令v-if、v-else', place: 1, status: false },
        { subject: 'Vue.js框架技术', content: '钩子函数', place: 0, status: true },

      ],
      placeDate: [
        { id: 0, name: "图书馆" },
        { id: 1, name: "自习室1" },
        { id: 2, name: "自习室2" },
        { id: 3, name: "自习室3" }
      ]
    }
  },
  //方法
  methods: {

  },
  //计算属性
  computed: {

  },
  //监听属性
  watch: {

  },

}
</script>
<!-- 父子组件通讯 
父组件传递数据给子组件
  1.在父组件中通过属性传递数据给子组件
  2.在子组件中接收(props)来自父组件的数据

-->

<style scoped>
.test {
  height: 100px;
  background-color: red;
}
</style>
